﻿@model Hrm.Core.TeamMenber
@{
    ViewBag.Title = "About";
    Layout = "~/Views/Shared/_FrontLayout.cshtml";
}

<div id="content">
    <section id="topbar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h1>关于我们</h1>
                </div>
                <div class="col-md-6 text-right">
                    <ul class="breadcrumb">
                        <li>
                            <a href="@Url.Action("Index")">首页</a>
                        </li>
                        <li class="active">关于我们</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="staff-preview white-bg mb30">
        <div class="container">
            <div class="row">
                <div class="col-md-4 img-holder" data-mh="staff-large">
                    <div class="bg-img-holder">
                        <img src="@Model.UserImg" alt="George Lowe" />
                    </div>
                </div>
                <div class="col-md-8 pl50 pt25 pr50 pb25" data-mh="staff-large">
                    <div class="heading mb30">
                        <h3>@Model.ChineseName (@Model.EnglishName)</h3>
                    </div>
                    <div class="row">
                        <div class="col-md-6 staff-info">
                            <h4 class="color-red mtm5">@Model.Position</h4>
                            <p>
                                @Model.Description
                            </p>
                        </div>
                        @if (@Model.Skills!=null)
                        {
                            <div class="col-md-6 staff-skills">
                                <ul class="list-unstyled">
                                    @foreach (var item in @Model.Skills)
                                    {
                                        <li>
                                            <span><strong>@item.Title</strong></span>
                                            <div class="progress animated-bar flat mt5 mb20">
                                                <div class="progress-bar progress-bar-danger" role="progressbar" data-transitiongoal="@item.Percent"></div>
                                            </div>
                                        </li>
                                    }
                                </ul>
                            </div>
                        }
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="staff-preview gray-lighter-bg">
        <div class="container">
            <div class="row">
                @foreach (var item in (List<Hrm.Core.TeamMenber>)ViewBag.SecondToNTeamMenber)
                {
                    <div class="col-md-4">
                        <div class="heading mt30 mb30">
                            <h3>@item.ChineseName (@item.EnglishName)</h3>
                        </div>
                        <div class="img-holder workers">
                            <div class="bg-img-holder">
                                <img src="@item.UserImg" alt="@item.ChineseName">
                            </div>
                        </div>
                        <h4 class="color-red mt20">@item.Position</h4>
                        <p>
                            @Model.Description
                        </p>
                    </div>
                }
            </div>
        </div>
    </section>
    <!-- / SECTION END -->
    <!-- SECTION START CLIENTS -->
    <section class="testimonials-preview white-bg mb10 pt10">
        <div class="container">
            <div class="row testimonials text-center">
                <!-- .row start -->
                <div class="col-md-6 col-md-offset-3">
                    <!-- col-md-6 start here -->
                    <div class="heading mt20 mb30 text-center">
                        <h3>客户说了什么？</h3>
                    </div>
                    <div id="testimonials-carousel" class="owl-carousel mb20">
                        @foreach(var item in (List<Hrm.Core.TeamMenber>)ViewBag.Clients)
                        {
                            <div class="item">
                                <div class="user-avatar">
                                    <img class="lazyOwl" src="@item.UserImg" alt="@item.ChineseName">
                                </div>
                                <div class="user-quote">
                                    <p>
                                        @item.Description
                                    </p>
                                </div>
                                <div class="user-name">
                                    <h4>@item.ChineseName</h4>
                                    <span>@item.Position</span>
                                </div>
                            </div>
                        }
                    </div>
                </div>
                <!-- col-md-6 end here -->
            </div>
            <!-- / .row -->
        </div>
    </section>
    <!-- / SECTION END -->
</div>
<!-- / #content -->
@section JavascriptSection{
<script src="~/plugins/ui/waypoint/waypoints.js"></script>
<script src="~/plugins/ui/progressbars/bootstrap-progressbar.min.js"></script>
<script src="~/plugins/misc/countTo/jquery.countTo.js"></script>
<script src="~/Scripts/pages/about.js"></script>

}

